<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>favebook - Sign in</title>
    <link href="./css/bootstrap.min.css" rel="stylesheet">
    <link href="./css/signin.css" rel="stylesheet">
</head>
<body>

  <div class="container">

    <form class="form-signin" id="form-signin" action="SigninServlet" method="post">
      <h1 class="form-signin-heading">favebook</h1>
      <div id="signin" class="panel panel-default form-signin-pod" data-container="body" data-toggle="popover" data-placement=" auto right" data-content="用户名或密码错误" data-trigger="manual">
          <h3 class="form-signin-title">登陆</h3>
          <label for="username" class="sr-only">用户名</label>
          <input type="text" id="username" name="username" class="form-control" placeholder="用户名" required autofocus>
          <label for="password" class="sr-only">密码</label>
          <input type="password" id="password" name="password" class="form-control" placeholder="密码" required>
          <div class="vcode-input">
            <input type="text" id="vcode" name="vcode" class="form-control" placeholder="验证码" required>
            <img id="vcode_img" src="./VCode" alt="vcode" onclick="changeImg()" data-container="body" data-toggle="popover" data-placement="auto right" data-content="输入的验证码错误" data-trigger="manual">
          </div>
          <button class="btn btn-lg btn-success btn-block" type="submit">开始</button>
      </div>

       <div class="panel panel-default signup-pod">
           <p>还没有favebook ID?快来<a href="./index.jsp">注册</a>吧！</p>
       </div>

     </form>

     <div class="footer">
       <p>@favefan 2018. build by <a href="http://www.bootcss.com/">Bootstrap</a>. Contact <a href="email://favefan@live.com">favebook</a></p>
     </div>
  </div>
  <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
  <script src="./js/bootstrap.js"></script>
  <script type="text/javascript" src="./js/signin.js"></script>
</body>
</html>